<script setup lang="ts">
import { IDeviceItem } from '@/types/deviceType';
import CustomUpListItem from './CustomUpListItem.vue'


defineProps({
  title: {
    type: String,
    default: ''
  },
  iconUrl: {
    type: String,
    default: ''
  }
})

const devices: IDeviceItem[] = [
  { id: 1, name: '设备1', status: '正常', show: false },
  { id: 2, name: '设备2', status: '异常', show: false },
  { id: 3, name: '设备3', status: '正常', show: false },
];
</script>

<template>
  <up-list
    height="calc(100vh - 38px)"
  >
    <CustomUpListItem
      v-for="(item, index) in devices"
      :key="`device${index}`"
      :deviceItem="item"
    />
  </up-list>
</template>

<style lang="scss" scoped>
.card-head-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
</style>